<!-- 问卷 -->
<template>
	<view class="multiple-page">
		<view style="height: 20rpx;background-color:#bebebe;"></view>
		<view class="multiple-page-list" v-for="(item,index) in multipleList" :key="index" @tap="jump('/pages/questionnaire/my_multiple_info', {id:item.id,num:item.num})">
			<view class="multiple-title">
				{{item.title}}
			</view>
			<view class="multiple-right">
				<view class="multiple-time">
					{{ $u.timeFormat(item.createtime, 'mm月dd日 hh:MM') }}
				</view>
				<image class="jump" src="/static/images/Chevron.png">
			</view>
		</view>
		<view style="height: 70rpx;background-color:#bebebe;position: fixed;bottom: 0;z-index: 2;width: 100%;"></view>
	</view>
	
</template>

<script>

import { mapMutations, mapActions, mapState, mapGetters } from 'vuex';
export default {
	components: {
	},
	data() {
		return {
			id:0,
			multipleList:[
				{
					'id':1,
					'title':'我的肌肤是否敏感肌？',
					'time_cn':'8月09日  12:06'
				},
				{
					'id':2,
					'title':'我的肌肤是否敏感肌？',
					'time_cn':'8月09日  12:06'
				},
				{
					'id':3,
					'title':'30s快速选择针对性的修护产品？',
					'time_cn':'8月09日  12:06'
				}
			],
		};
	},
	// 是否登录
	computed: {
		...mapGetters(['isLogin', 'authType']),
	},
	onLoad(e){
		let that = this;
		this.getQlist();
	},
	methods: {
		// 检测
		checkActivity(data, type) {
			if (data) {
				return !data.includes(type);
			}
			return true;
		},
		// 路由跳转
		jump(path, parmas) {
			this.showShare = false;
			this.$Router.push({
				path: path,
				query: parmas
			});
		},
		// 回到首页
		goHome() {
			this.$Router.replaceAll('/pages/index/index');
		},

		// 选项卡
		onTab(id) {
			this.tabCurrent = id;
		},
		
		// 组件返回的type;
		changeType(e) {
			this.buyType = e;
		},
		// 组件返回的规格;
		getSkuText(e) {
			this.currentSkuText = e;
		},
		getQlist(){
			let that = this;
			that.$http(
				'questionnaire.myQList', {
				},
			).then(res => {
				that.multipleList=res.data;
				
			}).catch(e => {
				reject(e)
			});
		},
		// 路由跳转
		jump(path, parmas) {
			this.showShare = false;
			this.$Router.push({
				path: path,
				query: parmas
			});
		},
	}
};
</script>

<style lang="scss">
.multiple-page{
	// position: relative;
	background-color:#bebebe;
	min-height: 100%;
	padding-bottom: 70rpx;
}
.multiple-page-list{
	padding: 25rpx 0 25rpx 0;
	margin: 0 40rpx 0 40rpx;
	background-color:#bebebe;
	color: #444;
	border-bottom: 2rpx solid rgba(255, 255, 255, 0.1);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.multiple-title{
	font-size: 31rpx;
}
.multiple-right{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.multiple-time{
	font-size: 19rpx;
	margin-right: 22rpx;
}
.jump{
	width: 12rpx;
	height: 24rpx;
	margin-right: 12rpx;
}
</style>
